body {
  padding: 0;
  margin: 0;
  background-color: #181623;
}

/* 隐藏滚动条 */
.not-scrool {
  overflow: auto; /* 启用滚动功能 */
  -ms-overflow-style: none; /* 适配IE和旧版Edge */
  scrollbar-width: none; /* 适配Firefox */
}

.user-top {
  margin-top: 61px;
}

.not-scrool::-webkit-scrollbar {
  display: none; /* 适配Chrome和Safari */
}

/* 设置滚动条的宽度 */
.scrool-w2::-webkit-scrollbar {
  width: 4px; /* 可以根据需要调整宽度 */
}

/* 设置滚动条滑块的背景颜色 */
.scrool-w2::-webkit-scrollbar-thumb {
  background: linear-gradient(to bottom, #525252, #2c3e50); /* 滑块的颜色 */
  border-radius: 5px; /* 滑块的圆角 */
}

/* 设置滚动条轨道的背景颜色 */
.scrool-w2::-webkit-scrollbar-track {
  background-color: #f1f1f1; /* 轨道的颜色 */
}

/* 超出省略号 */
.single-ell {
  white-space: nowrap; /* 不换行 */
  overflow: hidden; /* 隐藏超出的部分 */
  text-overflow: ellipsis; /* 超出部分显示为省略号 */
  max-width: 200px; /* 容器的最大宽度，可以根据需要调整 */
}

.muti-ell-3 {
  display: -webkit-box;
  -webkit-line-clamp: 3; /* 控制显示的行数 */
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.muti-ell-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2; /* 控制显示的行数 */
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.muti-ell-4 {
  display: -webkit-box;
  -webkit-line-clamp: 4; /* 控制显示的行数 */
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.cursor-common:hover {
  cursor: pointer;
}
a {
  text-decoration: none;
  color: inherit;
}

.pointer:hover {
  cursor: pointer;
}

.menu-icon {
  width: 30px;
  height: 30px;
}

.active-fmenu {
  color: #d4237a;
}
.fmenu {
  color: #dfdfdf;
}

.common-f-12 {
  font-size: 12px;
}
.common-f-14 {
  font-size: 14px;
}
.common-f-16 {
  font-size: 16px;
}
.common-f-18 {
  font-size: 18px;
}
.common-f-20 {
  font-size: 20px;
}

.fcolor {
  color: #525252;
  font-size: 14px;
}
.fcolor-1 {
  color: #979797;
  font-size: 12px;
}

.align {
  display: flex;
  align-items: center;
}

.justify {
  display: flex;
  justify-content: center;
}

.sicon {
  width: 15px;
  height: 15px;
}

.fweight {
  font-weight: 600;
}
